@import "reset.css";

body { background: #fff; font-size: 82%; font-family: Arial;}


a {color: #000;}
a:hover { color: #666;}
a img {border: none;}

p { padding: 5px 0;}

h1 { font-size: 150%;}
h2 { font-size: 140%;}
h3 { font-size: 130%; }
h4 {	font-size: 120%;}

.px500{ width: 500px;}
.px450{ width: 450px;}
.px350{ width: 350px;}
.px250{ width: 250px;}
.px150{ width: 150px;}
.center{ margin: 0 auto;}

.floatleft { float: left;}
.floatright { float: right;}

.paddinglr { padding-left: 10px; padding-right: 10px;}
.paddingtb { padding-top: 10px; padding-bottom: 10px;}

.error, .success,  .loading {display: none;}
.loading {position: absolute; top: 250px; left: 40%; border: 3px solid #fff;}
.error, .success {
  padding: 10px 20px;
  margin: 20px 10px;
  border: 1px solid #e5e5e5;
  text-align: left;
}
.loading, .error {
  background: #a22;
  color: #fff;
}
.success {
  background: #cfc;
  color: #051;
}

br.clear { clear: both; font-size: 1px;}

div#container { margin: 0 auto; padding-top: 20px; width: 95%;}

div#menu { margin-top: 20px; clear: both; height: 70px;}
div#menu ul li {float: left; background: #f1f1f1 url(/res/img/admin/menu_left_corner.gif) top left no-repeat; margin: 10px 20px 10px 0;}
div#menu ul li  a{background: url(/res/img/admin/menu_right_corner.gif) top right no-repeat; padding: 5px 30px; height: 23px; display: block; float: left;}

div#content {clear: both; background: #f1f1f1;}
div#content  div#inner{ margin: 0px 20px;}
div.add_category { padding: 10px 0 20px 30px; clear: both;}

div#content table { width: 100%;}

div#content table thead td {font-weight: bold;}
div#content table thead td, div#content table tbody td, div#content table tbody th{ padding: 10px 5px 10px 15px;	border-bottom: 1px solid #e5e5e5; background: url(/res/img/admin/separator.gif) right center no-repeat;}
div#content table tbody.cat td, div#content table tbody.cat th { border-top: 1px solid #ffffff; vertical-align: top;}

div#content table tbody th {text-align: left;}
div#content table tbody th div {position: relative; display: none; padding: 10px 0;}
div#content table tbody td.edit img{ padding-left: 20px;}
div#content table tbody.cat tr:hover{ background: #e5e5e5;}
div#content table tbody th  img{ padding-right: 10px;}

div#content table tbody input, div#content table tbody textarea{ padding: 5px; width: 98%;}
div#content table tbody input{ font-size: 16px; font-weight: bold;}

div#content table.catalog td { text-align: center;}

#screenshot{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}
#preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

ul#order { padding: 5px;}
ul#order li { padding: 0 0 4px 0; padding: 10px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #ffffff;}
ul#order li li{ padding: 0 0 4px 0; padding: 10px; border: none; border-left: none; border-right: none;}
ul#order li:hover { background: #e5e5e5;}

.round_t div { background: url(/res/img/admin/left_top_corner.gif) no-repeat top left;}
.round_t {background: url(/res/img/admin/right_top_corner.gif) no-repeat top right;}
.round_b div {background: url(/res/img/admin/left_bottom_corner.gif) no-repeat bottom left;}
.round_b {background: url(/res/img/admin/right_bottom_corner.gif) no-repeat bottom right;}
.round_t div, .round_t, .round_b div, .round_b { width: 100% auto; height: 10px; font-size: 1px; overflow:hidden;}

ul.tabNavigation { list-style: none; margin: 0 0 5px 20px; padding: 0;}
ul.tabNavigation li{ display: inline;}
ul.tabNavigation li a { color: #000; text-decoration: none;  padding: 5px 15px; background-color: #999; color: #fff;}
ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover { color: #000; background-color: #f1f1f1; }
ul.tabNavigation li a:focus { outline: 0;}
div.tabs > div {}

